.five .shape {
    position: relative;
    top: auto;
    left: auto;
    animation: five 4s infinite cubic-bezier(.64,-0.36,.1,1);
}
.five .shape-container {
    position: absolute;
    top: calc(50% - 4em);
    left: calc(50% - 4em);
    animation: five-container 4s infinite cubic-bezier(.64,-0.36,.1,2);
}
@keyframes five {
    0%, 15% {
        opacity: 0;
        transform: translateX(-12em);
    }
    15%, 25% {
        opacity: 1;
        transform: translateX(-12em);
    }
    85%, 95% {
        opacity: 1;
        transform: translateX(12em);
    }   
    100% {
        opacity: 0;
        transform: translateX(12em);
    } 
}
@keyframes five-container {
    0%, 35% {
        transform: none;
    }
    50%, 60% {
        transform: skewX(20deg)
    }
    90%, 100% {
        transform: none;
    }
}